<template>
  <div ref="chart" style="width: 100%; height: 400px;"></div>
</template>

<script>
// ...

export default {
  data() {
    return {
      chart: null,
      chartData: {
        // 初始数据
        // 例如:
        xData: ['Category 1', 'Category 2', 'Category 3'],
        yData: [10, 20, 30],
      },
    };
  },
  methods: {
    updateChart() {
      // 更新图表的数据
      const option = {
        xAxis: {
          data: this.chartData.xData,
        },
        series: [
          {
            data: this.chartData.yData,
          },
        ],
      };

      // 使用setOption更新图表
      this.chart.setOption(option);
    },
  },
};
</script>

<style scoped>
/* 可以添加一些样式 */
</style>
